<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- [css] position:fixed;在ios下无效该怎么办？ -->
  把需要用手滑动的内容用clss为.content（名字随便起）的div包起来，样式代码如下：

  .content {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 180px; /距离底部的距离为底部盒子的高度，自己也可以设置/
  overflow-y: scroll;
  width: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch; /这句是为了滑动更顺畅/
  }
  -webkit-overflow-scrolling: touch; /这句是为了滑动更顺畅/
  这句代码一定得写，要不上下滑动起来有些卡顿，亲自体验过的。
  然后把需要固定在底部的内容用class为.footer（名字随便起）的div包起来，样式代码如下：
  
  .footer {
  position: fixed;
  bottom: 0;
  height: 180px;
  }
  这样，在真机上再次测试就没有问题了。如有更好的解决办法，希望大家互相交流


  当采用 fixed 做吸底、吸顶布局时，如果触发键盘弹出事件则 fixed 属性会失效，布局就会被扰乱。其原因解释如下：

软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可以理解为变成了 absolute 定位），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。

** 第三方库 isScroll.js 可以解决此问题
</body>
</html>
<style>

</style>